@import "reset.css";

/*  头部导航 start */
#nav {
    height: 120px;
    border-bottom: 4px solid #da251c;
}

#nav .logo {
    margin-top: 26px;
}

#nav .logo a {
    width: 99px;
    height: 70px;
    display: block;
    background: url(../image/logo.png);
    text-indent: -99999px;
}

#nav .right ul li {
    float: left;
    margin-left: 60px;
    margin-top: 78px;
}

#nav .right ul li a {
    font-size: 18px;
}
/*  头部导航 end */

/*全屏轮播start*/
.flexslider {
    width: 100%;
    height: 400px;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    border-bottom: 4px solid #A8C4D2;
    background: url(../image/loading.gif) 50% no-repeat;
}

.slides {
    position: relative;
    z-index: 1;
}

.slides li {
    height: 400px;
    width: 100%;
}

.slides li a {
    display: block;
    width: 100%;
    height: 100%;
}

.flex-control-nav {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.flex-control-nav li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    *display: inline;
    zoom: 1;
}

.flex-control-nav a {
    display: inline-block;
    width: 15px;
    height: 15px;
    color: transparent;
    line-height: 40px;
    overflow: hidden;
    background: url(../image/dot.png) right 0 no-repeat;
    cursor: pointer;
}

.flex-control-nav .flex-active {
    background-position: 0 0;
}

.flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    top: 45%;
}

.flex-direction-nav li a {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}

.flex-direction-nav li a.flex-prev {
    left: 0;
    background: url(../image/prev.png) center center no-repeat;
}

.flex-direction-nav li a.flex-next {
    right: 0;
    background: url(../image/next.png) center center no-repeat;
}

/*全屏轮播end*/

/*  内容部分 start */
.content {
    margin-top: 60px;
}

.content .com-title {
    height: 60px;
    border-bottom: 2px solid #D3D3D3;
    position: relative;
}

.content .bor-color {
    border-color: #da251c;
}

.content .com-title .title-bg {
    position: absolute;
    left: 0;
}

.content .com-title .text {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    background-color: #E8E8E8;
    font-size: 16px;
    color: #000;
    margin-left: 48px;
}

.content .com-title .margin-l {
    margin-left: 38px;
}

.content .com-title .arrow {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 2px;
    background-color: #da251c;
    font-size: 16px;
    color: #fff;
}

.content .com-title .more a {
    display: inline-block;
    padding: 5px 12px;
    margin-top: 20px;
    font-size: 13px;
    color: #fff;
    background-color: #da251c;
    border-radius: 4px;
    text-align: center;
}

.content .com-title h3 {
    font-size: 16px;
    color: #da251c;
    font-weight: 700;
    line-height: 60px;
}


.content .left {
    width: 380px;
    height: 412px;
    position: relative;
}

.content .left .video-bg {
    position: absolute;
    left: 0;
    bottom: 0;
}

.content .left .video {
    width: 360px;
    height: 280px;
    margin-top: 60px;
}

.content .left .video video {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 9;
    object-fit: fill;
}

.content .mid {
    width: 465px;
    margin: 0 40px;
}

.content .mid .items {
    margin-top: 60px;
}

.content .mid .items li {
    margin-bottom: 15px;
    overflow: hidden;
}

.content .mid .items li a:hover .left {
    background-position: 0 -68px;
    color: #fff;
}

.content .mid .items li a:hover h3 {
    text-decoration: underline;
}

.content .mid .items li a:hover p {
    text-decoration: underline;
}

.content .mid .items li .left {
    width: 66px;
    height: 63px;
    line-height: 63px;
    background-image: url(../image/sprites.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 20px;
    margin-top: 10px;
    font-size: 24px;
    color: #999;
    text-align: center;
}

.content .mid .items li .right {
    width: 375px;
    font-size: 13px;
    line-height: 24px;
}

.content .mid .items li .right h3 {
    font-weight: 700;
}

.content .mid .items li .right p {
    color: #333;
    display: box;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.content .right {
    width: 275px;
}

.content .right .items {
    margin-top: 60px;
}

.content .right .items li a {
    width: 275px;
    height: 65px;
    line-height: 65px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    color: #000;
    border-radius: 4px;
}

.content .right .items li a.bg-1 {
   background-image: url(../image/service_1.png);
}

.content .right .items li a.bg-2 {
    background-image: url(../image/service_2.png);
}

.content .right .items li a.bg-3 {
    background-image: url(../image/service_3.png);
}

.content .right .items li a.bg-4 {
    background-image: url(../image/service_4.png);
}

.content .right .items li a:hover {
    background-image: url(../image/service_hover.png);
    color: #fff;
}

/*  内容部分 end */

/*  工程案例 start */
.pic_con{width:1200px;height: 228px; margin-top: 30px; overflow: hidden; position:relative}
.pic_lists{float:left;width:8888px;height:228px;overflow:hidden;position:absolute;top:0px;left:0px}
.btn_change{width:28px;height:45px;position:absolute;text-indent:-9999px;cursor:pointer}
.left_btn{background:url(../image/case_btn_l.png) no-repeat;top:50%;margin-top:-23px;left: 0;}
.right_btn{background:url(../image/case_btn_r.png) no-repeat;top:50%;margin-top:-23px;right: 0;}

.pic_content{overflow:hidden;height:228px; width:1120px;position:relative;margin:0 auto}
.pic_content ul li{float:left;width:258px;height:228px;text-align:center;margin: 0 9px;position:relative;border: 2px solid transparent;}
.pic_content ul li:hover {border-color: #da251c;}
.pic_content ul li:hover p{background-color: #da251c;color: #fff;}
.pic_content ul li p{height:50px;padding: 0 10px;background:#F7F7F7;line-height:45px;color:#000;font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pic_content ul li a img{width:258px;height:179px;}
/*  工程案例 end */

/*  荣誉资质  start*/
.picScroll-left{ width: 100%; overflow:hidden; position:relative; }
.picScroll-left .hd{color: #656565; font-size: 16px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:32px;}
.picScroll-left .hd ul li{ float:left;  width:10px; height:10px; overflow:hidden; margin-right:8px; text-indent:-999px; cursor:pointer; background:url("../image/icoCircle.png") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding-top:40px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{margin-right: 18px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:225px; height:157px; display:block;}
.picScroll-left .bd ul li .title{width: 205px; padding: 20px 10px; line-height:20px; font-size: 13px; color: #000; }
.picScroll-left .bd ul li .title a {display: box;display: -webkit-box;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }

/* 服务项目-工程案例 */
.project-case .bd ul li{margin-right: 16px;border: 1px solid transparent;}
.project-case .bd ul li .title{width: 205px; height: 40px;line-height:40px;padding: 0 10px; font-size: 13px; color: #000;background-color: #F7F7F7; }
.project-case .bd ul li .title a {display: box;display: -webkit-box;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; }
.project-case .bd ul li:hover {border-color: #da251c;}
.project-case .bd ul li:hover .title {background-color: #da251c;}
.project-case .bd ul li:hover .title a {color: #fff;}
/*  荣誉资质  end*/

/*  合作伙伴 start  */
.content .partner {
   margin-top: 40px;
   margin-bottom: 60px;
}

.content .partner li {
    width: 188px;
    height: 78px;
    float: left;
    border: 1px solid #d3d3d3;
    margin-right: 12px;
    margin-bottom: 20px;
}

.content .partner li img {
    width: 100%;
    height: 100%;
}

.content .partner li:hover {
    border: 1px solid #da251c;
}

.content .partner li.li-r {
    margin-right: 0;
}

/*  合作伙伴 end  */

/*  footer底部start */
.footer {
    padding: 28px 0;
    background-color: #2a2a2a;
    font-size: 13px;
    color: #fff;
}

.footer .left li {
    float: left;
    margin-right: 40px;
    padding-left: 28px;
    line-height: 60px;
    position: relative;
}

.footer .left li i.icon-tel {
    width: 13px;
    height: 16px;
    background: url(../image/sprites.png) no-repeat -73px 0;
    position: absolute;
    left: 0;
    top: 20px;
}

.footer .left li i.icon-fax {
    width: 17px;
    height: 16px;
    background: url(../image/sprites.png) no-repeat -94px 0;
    position: absolute;
    left: 0;
    top: 20px;
}

.footer .left li i.icon-email {
    width: 21px;
    height: 16px;
    background: url(../image/sprites.png) no-repeat -119px 0;
    position: absolute;
    left: -5px;
    top: 20px;
}

.footer .right {
    width: 79px;
}

.footer .right img {
    width: 100%;
    height: 79px;
}

.footer .right p {
    padding-top: 5px;
    text-align: center;
}
/*  footer底部end  */

/*  关于我们 start */
.content .com-title .nav li {
    float: left;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-left: 25px;
    margin-top: 20px;
}

.content .cont {
    padding: 50px 0 80px;
}

.content .cont img {
    max-width: 100%;
}

.content .cont .case-title {
    display: inline-block;
    height: 28px;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    border-bottom: 2px solid #da251c;
}

.content .cont1 .cont-l {
    width: 506px;
    height: 309px;
    margin: 10px 50px 0;
}

.content .cont1 .cont-l img {
    width: 100%;
    height: 100%;
}

.content .cont1 .cont-r {
    width: 580px;
    padding-right: 10px;
    padding-top: 12px;
}

.content .cont1 .cont-r p {
    font-size: 13px;
    color: #333;
    line-height: 30px;
}

.content .cont2 {
    padding: 60px 0 60px 50px;
}

.content .cont2 .cont-l {
    width: 715px;
}

.content .cont2 .cont-l p {
    font-size: 13px;
    color: #333;
    line-height: 30px;
}

.content .cont2 .cont-r {
    width: 396px;
    height: 242px;
    border-right: 2px solid #da251c;
    border-bottom: 2px solid #da251c;
    box-shadow: 1px 1px 0px #da251c;
}

.content .cont2 .cont-r img {
    width: 100%;
    height: 100%;
}

.content .cont3 {
    margin: 0 225px;
}

.content .cont3 h3 {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-top: 15px;
}

.content .cont3 h3 span {
    color: #da251c;
    font-weight: 400;
}

.content .cont3 .txt {
    padding: 10px 0;
    text-align: center;
}

.content .cont3 .txt p {
    font-size: 13px;
    color: #333;
    line-height: 24px;
}

.content .cont4 {
    text-align: center;
}

.content .cont4 video {
    width: 601px;
    height: 458px;
    object-fit: fill;
}

/*  关于我们 end */

/*  荣誉资质 start  */
.content .cont .honor li {
    float: left;
    width: 223px;
    margin-right: 18px;
    margin-bottom: 40px;
    border: 1px solid #fff;
}

.content .cont .honor li.li-r {
    margin-right: 0;
}

.content .cont .honor li .img {
    width: 100%;
    height: 156px;
    border-bottom: 1px solid #da251c;
}

.content .cont .honor li img {
    width: 100%;
    height: 100%;
}

.content .cont .honor li .txt {
    width: 100%;
    height: 45px;
    font-size: 13px;
    color: #000;
    background-color: #F7F7F7;
}

.content .cont .honor li .txt p {
    line-height: 45px;
    display: box;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    padding: 0 10px;
    text-align: center;
}

.content .cont .honor li:hover {
    border: 1px solid #da251c;
}

.content .cont .honor li:hover .txt {
    background-color: #da251c;
    color: #fff;
}

#mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 9;
}

#show {
    width: 650px;
    height: 450px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -225px 0 0 -325px;
    display: none;
    z-index: 9;
}

#close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: -27px;
    top: -23px;
    display: none;
    cursor: pointer;
}
/*  荣誉资质 end  */

/*  工程案例 start  */
.content .cont .case {
    overflow: hidden;
}

.content .cont .case li {
    float: left;
    width: 260px;
    margin-right: 50px;
    margin-bottom: 20px;
    border: 1px solid #fff;
}

.content .cont .honor li .img {
    height: 180px;
}

/*  服务项目 start  */
.content .cont5 {
    background-color: #F8F8F8;
}

.content .cont5 .cont-l {
    width: 508px;
    height: 308px;
    margin: 30px 0 25px 40px;
    border-left: 2px solid #da251c;
    border-bottom: 2px solid #da251c;
    box-shadow: -1px 1px 0px #da251c;
}

.content .cont5 .cont-l img {
    width: 100%;
    height: 100%;
}

.content .cont5 .cont-r {
    width: 545px;
    margin: 70px 35px 0 0;
}

.content .cont5 .cont-r p {
    font-size: 13px;
    color: #333;
    line-height: 30px;
}

/*  服务项目 end  */

/*  新闻资讯 start  */
.content .cont .items {
    padding: 30px 0;
    border-bottom: 1px dashed #BBBBBB;
}

.content .cont .items .item-l {
    width: 180px;
    height: 115px;
}

.content .cont .items .item-l img {
    width: 100%;
    height: 100%;
}

.content .cont .items .item-r {
    width: 960px;
    height: 115px;
}

.content .cont .items .item-r h3 {
    font-size: 16px;
    color: #666;
    font-weight: 700;
}

.content .cont .items .item-r span {
    display: block;
    margin: 15px 0;
    font-size: 13px;
    color: #999;
}

.content .cont .items .item-r p {
    font-size: 13px;
    color: #666;
    line-height: 25px;
    display: box;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.content .cont .items:hover .item-r h3 {
    color: #da251c;
}

/*  新闻资讯-详情  */
.content .cont .news-details .title {
    width: 850px;
    border-bottom: 1px dashed #BBBBBB;
    margin: 0 auto;
    text-align: center;
}

.content .cont .news-details .title h3 {
    color: #333;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
}

.content .cont .news-details .title p {
    display: inline-block;
    font-size: 13px;
    color: #999;
    text-align: center;
    margin: 0 20px;
    line-height: 50px;
}

.content .cont .news-details .title p span {
    color: #333;
    font-size: 13px;
}

.content .cont .news-details .text {
    padding: 20px 0;
}

.content .cont .news-details .text p {
    font-size: 13px;
    color: #666;
    line-height: 34px;
    text-indent: 2em;
}

.content .cont .news-details .link {
    font-size: 13px;
    color: #666;
    line-height: 34px;
}

.content .cont .news-details .link a {
    display: block;
}

/*  新闻资讯 end  */

/*  工程案例 start  */
.zoombox{width:510px;margin: 30px 0 50px 30px;}
.zoompic{width:505px;height:310px;background:url(../image/loading.gif) no-repeat 50% 50%;border-right: 15px solid #da251c;}
.sliderbox{height:60px;overflow:hidden;margin:15px 0 0 0;}
.sliderbox .arrow-btn{width:30px;height:60px;background:url(../image/arrow-btn.png) no-repeat;cursor:pointer;}
.sliderbox #btn-left{float:left;background-position:0 0;}
.sliderbox #btn-left.dasabled{background-position:0 -60px;}
.sliderbox #btn-right{float:right;background-position:-30px 0;}
.sliderbox #btn-right.dasabled{background-position:-30px -60px;}
.sliderbox .slider{float:left;height:60px;width:440px;position:relative;overflow:hidden;margin: 0 4px 0;display:inline;}
.sliderbox .slider ul{position:absolute;left:0;width:999em;}
.sliderbox .slider li{float:left;width:100px;height:60px;padding: 0 5px;text-align:center;box-sizing: inherit}
.sliderbox .slider li img{width: 100%;height: 100%;border:solid 1px #dfdfdf;box-sizing: border-box;}
.sliderbox .slider li.current img{border:solid 1px #da251c;}

.content .cont .cases .cont-r {
    width: 500px;
    margin-top: 50px;
    margin-left: 80px;
}

.content .cont .cases .cont-r p {
    line-height: 35px;
    font-size: 13px;
    font-weight: 700;
    color: #333;
}

.content .cont .cases .cont-r p span {
    line-height: 35px;
    font-size: 13px;
    font-weight: 400;
    color: #333;
}

/*  工程案例 end  */

/*   联系我们 start */
.content .cont .contact-us .map {
    width: 600px;
    height: 330px;
    margin-right: 30px;
}

.content .cont .contact-us .cont-r .title {
    width: 510px;
    padding: 14px 30px;
    background-color: #da251c;
}

.content .cont .contact-us .cont-r .title h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}

.content .cont .contact-us .cont-r .style {
    padding: 20px 30px;
}

.content .cont .contact-us .cont-r .style p {
    font-size: 13px;
    color: #333;
    font-weight: 700;
    line-height: 40px;
}

/*   联系我们 end  */